<!DOCTYPE HTML>
<html>
<head>
	<!-- begin meta -->
    <meta charset="utf-8">
    <meta name="description" content="Polyglot is a language switcher jQuery and WordPress plugin that allows you to create a bilingual or multilingual site or blog.">
    <meta name="keywords" content="Polyglot, Polyglot language switcher, language switcher, jQuery language switcher, WordPress language switcher, jQuery plugin, WordPress plugin">
    <meta name="author" content="Ixtendo">
	<!-- end meta -->
	
	<!-- begin CSS -->
    <link href="css/polyglot-language-switcher.css" type="text/css" rel="stylesheet">
	<!-- end CSS -->
	
	<!-- begin JS -->
    <script src="js/jquery-1.7.min.js" type="text/javascript"></script>
    <script src="js/jquery.polyglot.language.switcher.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#polyglotLanguageSwitcher').polyglotLanguageSwitcher({
				effect: 'fade',
                testMode: true,
                onChange: function(evt){
                    alert("The selected language is: "+evt.selectedItem);
                }
//                ,afterLoad: function(evt){
//                    alert("The selected language has been loaded");
//                },
//                beforeOpen: function(evt){
//                    alert("before open");
//                },
//                afterOpen: function(evt){
//                    alert("after open");
//                },
//                beforeClose: function(evt){
//                    alert("before close");
//                },
//                afterClose: function(evt){
//                    alert("after close");
//                }
			});
        });
    </script>
	<!-- end JS -->
    <title>&quot;Polyglot&quot; Language Switcher</title>
</head>

<body>
<!-- begin container -->

	<!-- begin language switcher -->
    <div id="polyglotLanguageSwitcher">
		<form action="#">
			<select id="polyglot-language-options">
				<option id="en" value="en" selected>English</option>
				<option id="fr" value="fr">Fran&ccedil;ais</option>
				<option id="de" value="de">Deutsch</option>
				<option id="it" value="it">Italiano</option>
				<option id="es" value="es">Espa&ntilde;ol</option>
			</select>
		</form>
	</div>
	<!-- end language switcher -->
    

<!-- end container -->
</body>
</html>

